import 'package:flutter/material.dart';

class ListView3 extends StatelessWidget {
  const ListView3({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        // 1. 导航条
        appBar: AppBar(
          title: const Text(
            '列表使用-方式3',
            style: TextStyle(color: Colors.white),
          ),
          backgroundColor: Colors.pink,
          centerTitle: true,
        ),
        body: ListView.separated(
            itemBuilder: (BuildContext context, int index) {
               return Container(
                height: 100,
                color: Colors.red[90],
                child: Container(
                  padding: const EdgeInsets.all(10),
                  child: Row(
                    children: [
                      Image.network(
                        'https://yanxuan-item.nosdn.127.net/e529b6ab111ade9da9314867f98d360f.png',
                        width: 90,
                      ),
                      const Expanded(
                          child: Text(
                        '海尔（Haier）波轮洗衣机全自动家用 10公斤大容量 直驱变频 一级能效 高效精华洗 以旧换新EB100B37Mate5',
                        maxLines: 2,
                        overflow: TextOverflow.ellipsis,
                      )),
                      const Padding(
                        padding: EdgeInsets.only(left: 10),
                        child: Icon(Icons.access_time_filled),
                      ),
                    ],
                  ),
                ),
              );
            },
            separatorBuilder: (BuildContext context, int index) {
              return Container(
                margin: const EdgeInsets.only(left: 9, right: 8),
                height: 1,
                color: const Color.fromARGB(255, 210, 209, 209),
              );
            },
            itemCount: 30));
  }
}
